<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Template</title>    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
 <!-- 	<link href="./css/bootstrap-responsive.css" rel="stylesheet">
 	<link href="./css/flat-ui.css" rel="stylesheet"> -->
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
    .span12 {
    	background: blue;
    	padding:20px 0px;
    	color: white;
    	text-align: center;
    	
    }
    .span6 {
    	background: black;
    	padding:20px 0px;
    	color: white;
    	text-align: center;
    	margin-top: 10px;
    	
    }
    .span4 {
    	background: orange;
    	padding:20px 0px;
    	color: white;
    	text-align: center;
    	margin-top: 10px;    	
    }    
     .span8 {
    	background: orange;
    	padding:20px 0px;
    	color: white;
    	text-align: center;
    	margin-top: 10px;    	
    }    
    </style>
  </head>
  <body>
    <h1>Bootstrap</h1>

	<!-- <div>
          <a class="btn btn-block btn-lg btn-danger" href="#fakelink">Danger Button</a>
        </div> -->
<!-- 	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span12">span12
				<div class="row-fluid">
					<div class="span6">span6</div>
					<div class="span6">span6</div>
				</div>
			</div>					
		</div>
		<div class="row-fluid">
			<div class="span6">span6</div>
			<div class="span6">span6</div>
		</div>
		<div class="row-fluid">
			<div class="span4">span4</div>
			<div class="span4 offset4">span4</div>
		</div>
	</div> -->
	<div class="container">
		<div class="row">
			<div class="span12">span12
				<div class="row">
					<div class="span6">span6</div>
					<div class="span6">span6</div>
				</div>
			</div>					
		</div>
		<div class="row">
			<div class="span6">span6</div>
			<div class="span6">span6</div>
		</div>
		<div class="row">
			<div class="span4">span4</div>
			<div class="span8 offset1">span4</div>
		</div>
	</div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://code.jquery.com/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>
